Ticket

• https://wicmtdp.atlassian.net/browse/WMDP-99

Changes

What was added, updated, or removed in this PR.

• Modifies tsconfig.json to use jsx mode preserve
• Introduces tsconfig.ts-jest.json to allow ts-jest to use jsx mode react-jsx

Context for reviewers

Testing instructions, background context, more in-depth details of the implementation, and anything else you'd like to call out or ask reviewers. Explain how the changes were verified.

Next.js requires the typescript jsx mode to be preserve and will make a mandatory correction when you run yarn dev or yarn build with the following message:

The following mandatory changes were made to your tsconfig.json:

• jsx was set to preserve (next.js implements its own optimized jsx transform)

However, ts-jest needs it to be a flavor of react.

For more info, see:

• https://www.typescriptlang.org/docs/handbook/jsx.html
• https://kulshekhar.github.io/ts-jest/docs/getting-started/options/tsconfig
• Support for "jsx": "preserve" config kulshekhar/ts-jest#63 (comment)
• jsx was set to preserve (next.js implements its own optimized jsx transform) vercel/next.js#19155 (reply in thread)

Testing

Screenshots, GIF demos, code examples or output to help show the changes working as expected. ProTip: you can drag and drop or paste images into this textbox.

1. Run yarn install
2. Run yarn dev. The dev server should start up with no complaints (the message above should not be displayed).
3. Run yarn test. The tests should pass and should not return the failure "Jest encountered an unexpected token"